@lezer/highlight

Defining Highlighting Styles

This feature allows you to define custom highlighting styles for different syntax elements like keywords, strings, and comments.

const { styleTags, tags } = require('@lezer/highlight');

const myHighlighting = styleTags({
  Keyword: tags.keyword,
  String: tags.string,
  Comment: tags.comment
});

Applying Highlighting to Parsed Code

This feature allows you to apply the defined highlighting styles to a parsed syntax tree, and it logs the highlighted ranges and their corresponding classes.

const { highlightTree } = require('@lezer/highlight');
const { parser } = require('lezer-python');
const { defaultHighlightStyle } = require('@codemirror/highlight');

const code = 'def my_function():\n    return "Hello, World!"';
const tree = parser.parse(code);

highlightTree(tree, defaultHighlightStyle.match, (from, to, classes) => {
  console.log(`Highlight ${from}-${to}: ${classes}`);
});